<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="target-densitydpi=device-dpi, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单处理</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../comment/commentCss/weui.min.css">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="../comment/Dialog.css">
    <style media="screen">
        * {
            margin: 0;
            padding: 0;
            border: 0 none;
            outline: none;
        }
        html,body{
            background: #F2F1F9;

        }
        #main{
            width: 100%;
            height: 100%;
        }
        #btns {
            width: 100%;
            position: fixed;
            top:0px;
            z-index: 0;
            background: #ffffff;
            color: #BBBBBB;

        }
        .color {
            color: white;
            background-color: #32dac3;
            border-bottom: 3px solid #FFFF8C;
        }

        #btns>button {
            width: 25%;
            height: 40px;
            line-height: 40px;
            float: left;
            border-right: 1px solid #ccc;
            font-size: 16px;
            background: #32dac3;

        }

        #expressBtns button {
            width: 20%;
            height: 40px;
            line-height: 40px;
            float: left;
            border-right: 1px solid #ccc;
            font-size: 16px;
            background: #32dac3;

        }

        .topic {
            width: 100%;
            height: 40px;
            line-height: 40px;
            background: #fafafa;
            text-indent: 10px;
            color: #1b1b1b;
            font-size: 15px
        }

        .inphoneType {
            width: 100%;
            height: 182px;
            background: white;
        }
/*订单 */
        .box {
            width: 33.021%;
            height: 90px;
            float: left;
            overflow: hidden;
            border-right: 1px #ddd solid;
            border-bottom: 1px #ddd solid;
            text-align: center;
            color: #1b1b1b;
            font-size: 14px;
        }

        .typeImg {
            display: block;
            width: 30px;
            height: 30px;
            margin: 15px auto;
        }

        ul, li {
            list-style: none
        }

        img {
            max-width: 100%
        }

        .fuMenu {
            width: 100%;
            height: 40px;
            line-height: 40px;
            background: white;
        }

        .menu_list {
            /*background: white;*/
            position: absolute;
            width: 100%;
            top:40px;
            z-index: -1;
        }

        .menu_list ul li {
            display: block;
            width: 100%;
            background: white;

        }

        .menu_list ul li .fuMenu {
            color: #1b1b1b;
            font-size: 14px;
            cursor: pointer;
            height: 40px;
            line-height: 40px;
            width: 100%;
            text-indent: 10px;
            border-bottom: 1px solid #f1f1f1;
            float: left;
        }
/*收起，下拉图片*/
        .menu_list ul li .xiala {
            float: left;
            margin-left: -30px;
            margin-top: 15px;
        }
/*收起*/
        .divShou {
            float: left;
            margin-left: -65px;
            line-height: 40px;
        }

        .menu_list ul li .div1 {
            width: 100%;
            height: auto;
            float: left;
        }

        /*估价单的列表*/
        .menu_list ul li .div1 .zcd {
            width: 90%;
            margin-left: 5%;
            font-size: 13px;
            cursor: pointer;
            line-height: 30px;
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #f1f1f1;
        }

        /*靓机回收价div*/

        .guJiaDiv {
            width: 90%;
            margin-left: 5%;
            font-size: 13px;
            text-align: right;
            line-height: 30px;
        }

        /*预估div*/
        .YuGu {
            width: 90%;
            margin-left: 5%;
            font-size: 15px;
            line-height: 30px;
            font-weight: 700;
        }


        .downDiv{
            width: 100%;
            border-top: 1px solid #f1f1f1;
            border-bottom: 1px solid #f1f1f1;
        }

        .downDiv2{
            width: 94%;
            margin-left: 3%;
            height: 40px;
            line-height: 40px;
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #f1f1f1;
        }


        .downDiv3{
            width: 94%;
            margin-left: 3%;
            height: 40px;
            line-height: 40px;
            display: flex;
            justify-content: space-between;
        }

        .item{
            width:100px ;
            line-height: 30px;
            margin:5px 20px 5px 20px;
            border: 1px solid #f1f1f1;
            text-align: center;
            background: #f1f1f1;
        }

        .orderDiv{
            width: 94%;
            line-height: 30px;
            margin: 0 auto;
            border-bottom: 1px solid #f1f1f1;
        }

        .div1 {
            display: none;
        }

        .topic2 {
            width: 100%;
            background: white;
            height: 40px;
            line-height: 40px;
            color: #1b1b1b;
            font-size: 15px;
            display: flex;
            text-indent: 10px
        }

        .topic2-item {
            width: 100%
        }

        .liDiv {
            border-top: 15px solid #f1f1f1;
        }

        /*新订单*/
        .heardDiv {
            width: 96%;
            margin-left: 2%;
            display: flex;
            justify-content: space-between;
            line-height: 40px;
            border-bottom: 1px solid #f1f1f1;
        }

        .imgStr {
            width: 16px;
            height: 18px;
            margin-top: 10px;
        }
    </style>

</head>
<body>

<div id="main">
    <div id="btns">
        <div id="expressBtns">
            <!--快递回收商家-->
            <!--<button class="color">新订单</button>-->
            <!--<button>待审核</button>-->
            <!--<button>已取消</button>-->
            <!--<button>待交易</button>-->
            <!--<button>退货</button>-->
        </div>
        <!--<button class="color">新订单</button>-->
        <!--<button>待审核</button>-->
        <!--<button>已取消</button>-->
        <!--<button>待交易</button>-->


    </div>

    <div class="menu_list" id="divs">
        <ul id="listStrId">
            <!-- 页面上每一个订单 -->
        </ul>
    </div>
</div>

</body>

</html>
<script src="../comment/weui.min.js"></script>
<script src="../conmmJs/jquery-1.11.1.min.js"></script>
<script src="menuLi.js"></script>
<script src="../comment/webUrl.js"></script>
<script src="../comment/MD5.js"></script>
<script src="../comment/Dialog.js"></script>

<script src="orderHanding.js"></script>
<!--<script src="expressHanding.js"></script>-->

<script>
    getNav();
//    expressGetOrder(); // 一进入这个页面发送请求
//    ajaxText()
    textsss();
</script>